<table>
      <tbody>
          <tr>
              <td style="width:20%">代理招募</td>
              <td data-id="recruit" style="width:80%">
                  <div class="rank-bar">
                     <div class="rank-bar-yellow" style="width:{{recruit.recitePCT}}%;">{{if recruit.recite != '0'}}{{recruit.recite}} {{else}} {{/if}} </div>
                     <div class="rank-bar-blue" style="width:{{recruit.mixedPCT}}%;">{{if recruit.mixed != '0'}}{{recruit.mixed}} {{else}} {{/if}}</div>
                  </div>
              </td>
          </tr>
            <tr>
              <td>代理培训</td>
              <td data-id="train">
                   <div class="rank-bar">
                       <div class="rank-bar-yellow" style="width:{{train.recitePCT}}%;">{{if train.recite != '0'}} {{train.recite}} {{else}} {{/if}}</div>
                       <div class="rank-bar-blue" style="width:{{train.mixedPCT}}%;">{{if train.mixed != '0'}} {{train.mixed}} {{else}} {{/if}}</div>
                  </div>
              </td>
          </tr>
            <tr>
              <td >会员发展</td>
              <td data-id="member">
                     <div class="rank-bar">
                        <div class="rank-bar-yellow" style="width:{{member.recitePCT}}%;">{{if member.recite != '0'}}{{member.recite}} {{else}} {{/if}}</div>
                        <div class="rank-bar-blue" style="width:{{member.mixedPCT}}%;">{{if member.mixed != '0'}}{{member.mixed}} {{else}} {{/if}}</div>
                   </div>
              </td>
          </tr>
            <tr>
              <td>讲座邀约</td>
              <td data-id="lecture">
                     <div class="rank-bar">
                        <div class="rank-bar-yellow" style="width:{{lecture.recitePCT}}%;">{{if lecture.recite != '0'}}{{lecture.recite}} {{else}} {{/if}}</div>
                        <div class="rank-bar-blue" style="width:{{lecture.mixedPCT}}%;">{{if lecture.mixed != '0'}}{{lecture.mixed}} {{else}} {{/if}}</div>
                   </div>
              </td>
          </tr>
           <tr>
            <td>公共课直销</td>
            <td data-id="pub">
                   <div class="rank-bar">
                      <div class="rank-bar-yellow" style="width:{{pub.recitePCT}}%;">{{if pub.recite != '0'}}{{pub.recite}} {{else}} {{/if}}</div>
                      <div class="rank-bar-blue" style="width:{{pub.mixedPCT}}%;">{{if pub.mixed != '0'}}{{pub.mixed}} {{else}} {{/if}}</div>
                 </div>
            </td>
        </tr>
      <tr>
         <td>专业课直销</td>
         <td data-id="pro">
                <div class="rank-bar">
                   <div class="rank-bar-yellow" style="width:{{pro.recitePCT}}%;">{{if pro.recite != '0'}}{{pro.recite}} {{else}} {{/if}}</div>
                   <div class="rank-bar-blue" style="width:{{pro.mixedPCT}}%;">{{if pro.mixed != '0'}}{{pro.mixed}} {{else}} {{/if}}</div>
              </div>
         </td>
     </tr>

    <tr>
      <td>钻石卡咨询</td>
      <td data-id="diamond">
             <div class="rank-bar">
                <div class="rank-bar-yellow" style="width:{{diamond.recitePCT}}%;">{{if diamond.recite != '0'}}{{diamond.recite}} {{else}} {{/if}}</div>
                <div class="rank-bar-blue" style="width:{{diamond.mixedPCT}}%;">{{if diamond.mixed != '0'}}{{diamond.mixed}} {{else}} {{/if}}</div>
                <div class="rank-bar-yellow" style="width:{{diamond.recitePCT2}}%;">{{if diamond.recite2 != '0'}}{{diamond.recite2}} {{else}} {{/if}}</div>
                <div class="rank-bar-blue" style="width:{{diamond.mixedPCT2}}%;">{{if diamond.mixed2 != '0'}}{{diamond.mixed2}} {{else}} {{/if}}</div>
           </div>
      </td>
    </tr>

      <tr>
         <td>万学堂直销</td>
         <td data-id="wxt">
                <div class="rank-bar">
                   <div class="rank-bar-yellow" style="width:{{wxt.recitePCT}}%;">{{if wxt.recite != '0'}}{{wxt.recite}} {{else}} {{/if}}</div>
                   <div class="rank-bar-blue" style="width:{{wxt.mixedPCT}}%;">{{if wxt.mixed != '0'}}{{wxt.mixed}} {{else}} {{/if}}</div>
              </div>
         </td>
     </tr>

       <tr>
      <td>职业能力直销</td>
      <td data-id="capability">
             <div class="rank-bar">
                <div class="rank-bar-yellow" style="width:{{capability.recitePCT}}%;">{{if capability.recite != '0'}}{{capability.recite}} {{else}} {{/if}}</div>
                <div class="rank-bar-blue" style="width:{{capability.mixedPCT}}%;">{{if capability.mixed != '0'}}{{capability.mixed}} {{else}} {{/if}}</div>
           </div>
      </td>
  </tr>

    <tr>
   <td>互联网产品直销</td>
   <td data-id="internet">
          <div class="rank-bar">
             <div class="rank-bar-yellow" style="width:{{internet.recitePCT}}%;">{{if internet.recite != '0'}}{{internet.recite}} {{else}} {{/if}}</div>
             <div class="rank-bar-blue" style="width:{{internet.mixedPCT}}%;">{{if internet.mixed != '0'}}{{internet.mixed}} {{else}} {{/if}}</div>
        </div>
   </td>
       </tr>
  </tbody>
</table>

